<gm:page title="Nokia Shopping" authenticate="false">
  
  <style>
    div.body {
       font-family: arial, san-serif;
       padding:20px;
    }
    
     div.header {
    }
     
    div.header h1 {
      padding-left: 5px;
      font-size: 35px;
      color: #0000FF;
     }
    div.header h1 span {
       font-size: 20px;
      color: #0000FF;
     }
















    div.header h2 {
       padding-left: 5px;  
      font-size: 20px;
      color: gray;
    }
     
    div.navbar {
      background: #008000;
      padding:5px;
      color: black;
      width:100%;
      font-weight:bold;
    }
    
    div.navbar .selected {
      color:white;
    }   
    
    div.navbar a {
      color:black !important;
    }  
   div.navbar .separator {
      padding-left:10px;
      padding-right:10px;
    }   
    
    div.newsFeeds {
      float:left;
      width:auto;
      
      padding-right:20px;
    }
    
    div.newsContent {
      float:left;
      width:85%;
      padding-left:20px;
      border-left:1px dashed #e6e6e6;
      
    }
    
    div.footer {
      clear:both;
      width:100%;
      padding-top:50px;
    }
   
    .date {
      font-size:15px;
      color:gray;
      padding-bottom:10px;
    }
    .opponent {
      font-size:15px
    }
    .location {
       color:gray;
    }
    .time {
      color:gray;
      font-size:15px;
    }
    .gm-gadget-list tbody.gm-item {
       border:none;
     }
    .teamName {
       padding:10px;
       font-size:15px;
       color:gray;
     }
    .infoData {
       color:gray;
       padding-right:5px;
       padding-top:10px;
    }
    div.gm-header {
      background:none;
      color: #112ABB;
      padding:none;
    }
    
    .rosterHeader{
      padding: 5 0 5 0;
      border-top:1px solid #e6e6e6;
      border-bottom:1px solid #e6e6e6;
    }
    
    .newsHeader {
      font-size:18px;
      color:gray;
      padding:10 0 10 0;
    }   
   
   .gm-item-selected {
      background:#ffeac0;
   }




  </style>
   
   <div class="body">
    <div class="header"><h1>NOKIA<br/><span>Connecting People</span></h1></div>
   <div class="header"><h2> Wholesalers, News, Shopping and more...</h2></div>
 <div class="navbar"><span><a href="./index.html">Wholesalers</a></span><span class="separator">|</span><span><a href="./resources/news.html">News</span><span class="separator">|</span><span><a href="./resources/messages.html">Message Board</a></span><span class="separator">|</span><span class="selected">Shopping</span><span class="separator">|</span><span><a href="./resources/maddprod.html">Admin-Add Wholesaler</a></span></div>    
 
  
    <h1 style="color:#8A2BE2;padding-top:15px">Shop for Nokia Phone and other Product </h1>
    <p>Click on any of the items below to search items to buy on Google Base.</p>
    
    <table width="95%" align="center" style="margin-bottom:15px">
      <tr>
        <td width="33%" ><gm:list id="queries" data="${app}/queries" template="queriestemplate" pageSize="7" selection="false"/></td>
        <td width="33%" ><gm:list id="queriesList2" data="${app}/queries2" template="queriestemplate" pageSize="7" selection="false"/></td>
        <td width="33%" ><gm:list id="queriesList3" data="${app}/queries3" template="queriestemplate" pageSize="7" selection="false"/></td>
      </tr>
    </table>
    
    <span style="font-size:16px;font-weight:bold;color:gray;padding:15 0 15 0;">Product Results</span>
  
  <gm:search id="ticketsearch" data="${base}" ref="atom:title" style="display:none">
    <gm:param name="item type" value="products"/>
    <gm:handleEvent src="queries"/>
    <gm:handleEvent src="queriesList2"/>
    <gm:handleEvent src="queriesList3"/>
  </gm:search>




  
  <gm:list id="results" data="${ticketsearch}" template="base" pagesize="20" style="padding-top:15px"/>




  </div>
  
  <gm:template id="queriestemplate">
    <table style="width:100%">
      <tr repeat="true">
        <td style="padding:5px;color:#0000cc;text-decoration:underline">
          <gm:text ref="atom:title"/>
        </td>
      </tr>
    </table>
  </gm:template>
  
  <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2309750-1";
urchinTracker();
</script>
</gm:page>




